<template>
  <div
    v-if="(config.logo_is_show && config.logo) && ttsa.hasLogo"
    class="logo"
    :class="{ 'logo-pc': equ === 'pc' }"
  >
    <img
      :src="config.logo"
      alt=""
      class="w-full h-full object-cover"
    />
  </div>
</template>

<script
  lang="ts"
  setup
  name="Logo"
>
import { useConfigStore } from '@/store/config'
import { useTtsaStore } from '@/store/ttsa';
import { equ } from '../../../package-env'

const config = useConfigStore()
const ttsa = useTtsaStore()
</script>

<style scoped lang="scss">
.logo {
  @apply absolute z-200;
  width: 76px;
  height: 25px;
  left: 19.5px;
  top: 20px;

  &-pc {
    width: 131px;
    height: 46px;
  }
}
</style>
